@keyframes form-translate {
    0%{
        opacity: 0;
        transform: translateY(300px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes animation-topAndbottom {
    0%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(10px);
    }
}
@keyframes sloganP {
    0%{
        background-position: 0 0;
    }
    50%{
        background-position: 100% 0;
    }
    100%{
        background-position: 0 0;
    }
}
@keyframes btn-default {
    0%{
        transform: scale(0.97);
    }
    100%{
        transform: scale(1.02);
    }
}
@keyframes scale-zoom {
    0%{
        transform: scale(0.98);
    }
    100%{
        transform: scale(1.02);
    }
}
@keyframes animateimgAbout {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform:  translateY(10px);
    }
}
/* bottom to top */
@keyframes animation-bottomTotop {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
   
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}